.course-media {
	width: 100%;
	display: flex;
	align-items: center;
	overflow-x: auto;
	// padding-left: 24rpx;
	padding-right: 0;
	gap: 24rpx;
	background-color: #ffffff;
	position: relative;
		
	&::-webkit-scrollbar {
		display: none;
	}
	
	&::after {
		content: '';
		padding-right: 24rpx;
		flex-shrink: 0;
	}
	
	.course-media-item {
		padding: 20rpx 24rpx;
		background-color: #f8f9fc;
		min-width: 260rpx;
		flex-shrink: 0;
		border-radius: 12rpx;
		box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
		transition: all 0.3s ease;
		
		&.active {
			background-color: rgba(60,156,255,0.05); // 淡蓝色背景
			border-color: #3c9cff; // 蓝色边框
			
			.order,
			.media-title {
				color: #3c9cff !important;
			}
		}
		
		.order,
		.media-title {
			font-size: 28rpx;
			color: #999;
			font-weight: 500;
			display: block;
			margin-bottom: 12rpx;
			line-height: 1.4;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
	}
}
